<!doctype html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <title>黑色星期五</title>
    <link rel="dns-prefetch" href="//static.matouapp.ymatou.com">
    <link rel="dns-prefetch" href="//static.jyh.ymatou.com">
    <link rel="dns-prefetch" href="//jyh.ymatou.com">
    <link rel="dns-prefetch" href="//item.app.ymatou.com">
    <link rel="dns-prefetch" href="//staticwap.ymatou.com">
    <link rel="shortcut icon" type="image/x-icon" href="http://staticontent.ymatou.com/ymtapp/matouapp.ico" />
    <script data-js-path="redraw.js">
     !(function(relWinth,relFontSize){var ua=navigator.userAgent,isIos=/iphone|ipad|ipod/i.test(ua),isMobile=/Mobile/i.test(ua);var meta=document.querySelector("[name=viewport]")||(function(){var _meta=document.createElement("meta");_meta.name="viewport"})(),content=meta.content||"",matchScale=content.match(/initial\-scale=([\d\.]+)/),matchWidth=content.match(/width=([\d\.]+)/),dpr=isIos?window.devicePixelRatio?Math.min(window.devicePixelRatio,3):1:1,docEl=document.documentElement,maxWidth=dpr*(docEl.dataset.mw||750),scale=1/dpr,tid;relWinth=relWinth||320;relFontSize=relFontSize||16;if(meta){if(matchScale){content=content.replace(/initial\-scale=([\d\.]+)/,"initial-scale="+scale).replace(/minimum\-scale=([\d\.]+)/,"minimum-scale="+scale).replace(/maximum\-scale=([\d\.]+)/,"maximum-scale="+scale)}else{content+=",initial-scale="+scale}meta.content=content}else{meta=doc.createElement("meta");meta.name="viewport";meta.content=content;docEl.firstElementChild.appendChild(meta)}var redraw=function(){var width=docEl.getBoundingClientRect().width;var fz=Math.min(width,maxWidth)/relWinth*relFontSize;docEl.style.fontSize=fz+"px"};if(isMobile){window.addEventListener("resize",function(){clearTimeout(tid);tid=setTimeout(redraw,300)},false);redraw()}else{docEl.style.fontSize="16px"}})(375,16);
    </script>
    <!-- build:css /styles/black_five/night.css-->
    <link rel="stylesheet" type="text/css" href="/styles/black_five/night.css">
    <!-- endbuild-->
  </head>
  <body>
    <script  id="list-tpl" type="text/template">
        <% for(var i =0,len=Products.length;i<len;i++){ %>
           <div class="bf-item">
           <div class="list-item <%=(Products[i].ProductType?'J-open-C-Product':'J-open')%>" <%= (Products[i].ProductType?'data-productId='+Products[i].ProductId+' data-logo='+Products[i].Logo+' data-seller='+Products[i].Seller+' data-sellerId='+Products[i].SellerId:'data-url=http://item.app.ymatou.com/forYmatouApp/product/pid?pid='+Products[i].ProductId ) %>   onclick=";">

              <div class="pic bg__full load-hold img-hold" lazy-load-background="<%-: Products[i].PicUrl | convertImgUrl %>"></div>
              <div class="info">
                  <div>
                      <span class="national-flag" lazy-load-background="<%=Products[i].CountryFlag||Products[i].Flag%>"></span><%=Products[i].CountryName%>
                  </div>
                  <h4><%=Products[i].Name%></h4>
                  <div class="price-wrapper">
                      <span>黑五价</span>
                      <span><strong><%=Products[i].Price4Sale||Products[i].Price%></strong>元</span>
                  </div>
              </div>
            </div>
          </div>
        <% } %>
    </script>
    <section class="bf-container">
      <div class="bf-night">
          <div class="bf-night-banner"></div>
          <!--388-->
          <div class="bf-night-area" id="bf_01">
            <div class="bf-night-hd">
                <div class="coupon">
                  <i>&yen;</i>300
                  <div class="txt">
                    优惠券
                  </div>
                </div>
                <div class="value">
                  <h4>满2600减300</h4>
                  <div>11.20-12.01使用</div>
                </div>
                <!-- <button class="receive-btn J-receive" data-coupon="11201" onclick=";">
                    立即领取
                </button> -->
            </div>
            <div class="bf-night-bd">
                <div class="bf-list bf-item_2col">
                    <div class="J-module-Hold" data-module="productList" data-arguments="1"
                              lazy-load-background=""></div>
                </div>
            </div>
          </div>
          <!--300-->
          <div class="bf-night-area" id="bf_02">
            <div class="bf-night-hd">
                <div class="coupon">
                  <i>&yen;</i>100
                  <div class="txt">
                    优惠券
                  </div>
                </div>
                <div class="value">
                  <h4>满888减100</h4>
                  <div>11.20-12.01使用</div>
                </div>
                <!-- <button class="receive-btn J-receive" data-coupon="11202" onclick=";">
                    立即领取
                </button> -->
            </div>
            <div class="bf-night-bd">
                <div class="bf-list bf-item_2col">
                    <div class="J-module-Hold" data-module="productList" data-arguments="2"
                              lazy-load-background=""></div>
                </div>
            </div>
          </div>
          <!--158-->
          <div class="bf-night-area" id="bf_03">
            <div class="bf-night-hd">
                <div class="coupon">
                  <i>&yen;</i>50
                  <div class="txt">
                    优惠券
                  </div>
                </div>
                <div class="value">
                  <h4>满448减50</h4>
                  <div>11.20-12.01使用</div>
                </div>
                <!-- <button class="receive-btn J-receive" data-coupon="11203" onclick=";">
                    立即领取
                </button> -->
            </div>
            <div class="bf-night-bd">
                <div class="bf-list bf-item_2col">
                    <div class="J-module-Hold" data-module="productList" data-arguments="3"
                              lazy-load-background=""></div>
                </div>
            </div>
          </div>
          <!--68-->
          <div class="bf-night-area" id="bf_04">
            <div class="bf-night-hd">
                <div class="coupon">
                  <i>&yen;</i>25
                  <div class="txt">
                    优惠券
                  </div>
                </div>
                <div class="value">
                  <h4>满188减25</h4>
                  <div>11.20-12.01使用</div>
                </div>
                <!-- <button class="receive-btn J-receive" data-coupon="11204" onclick=";">
                    立即领取
                </button> -->
            </div>
            <div class="bf-night-bd">
                <div class="bf-list bf-item_2col">
                    <div class="J-module-Hold" data-module="productList" data-arguments="4"
                              lazy-load-background=""></div>
                </div>
            </div>
          </div>
          <!--68-->
          <!-- <div class="bf-night-area" id="bf_04">
            <div class="bf-night-hd bg bg__full">
            </div>
            <div class="bf-night-bd">
                <div class="bf-list bf-item_2col">
                    <div class="J-module-Hold" data-module="productList" data-arguments="5"
                              lazy-load-background=""></div>
                </div>
            </div>
          </div> -->



        </div>
        <div class="bf-tab-wrapper" id="bf-tab">
               <nav class="bf-tab ">
                  <div class="bf-tab-bd">
                    <ul>
                        <li class="active" data-href="bf_01">300券必买</li>
                        <li data-href="bf_02" class="">100券必买</li>
                        <li data-href="bf_03" class="">50券必买</li>
                        <li data-href="bf_04" class="">25券必买</li>
                        <!-- <li data-href="bf_05" class="">今日必败</li> -->
                    </ul>
                    <div class="coordinate first" style="width: 65px; left: 0px;"></div>
                  </div>
               </nav>
           </div>

    </section>
    <!-- <div class="bf-tab-wrapper" id="bf-tab">
        <nav class="bf-tab ">
           <div class="bf-tab-bd">
             <ul>
                 <li class="active" data-href="bf_01">388优惠券</li>
                 <li data-href="bf_02" class="">300优惠券</li>
                 <li data-href="bf_03" class="">158优惠券</li>
                 <li data-href="bf_04" class="">68优惠券</li>
                 <li data-href="bf_05" class="">今日必败</li>
             </ul>
             <div class="coordinate first" style="width: 65px; left: 0px;"></div>
           </div>
        </nav>
    </div> -->

      <!-- build:js /scripts/zepto,ejs,swiper,imgLazyLoad.js -->
      <script type="text/javascript" src="http://staticwap.ymatou.com/item.app/build/jweixin.2015091501.js"></script>
      <script type="text/javascript" src="/scripts/commons/zepto,ejs.js"></script>
      <script type="text/javascript" src="/scripts/commons/swiper.3.1.2.js"></script>
      <script type="text/javascript" src="/scripts/commons/fastclick.js"></script>
      <script type="text/javascript" src="/scripts/commons/imgLazyLoad.js"></script>
      <script type="text/javascript" src="http://staticontent.ymatou.com/js/black_five/imgLazyLoad.js"></script>
      <!-- endbuild -->
      <script type="text/javascript" src="http://static.matouapp.ymatou.com/js/ymtApi.2015101901.js?wxAutoInit=1"></script>
      <!-- build:js /scripts/black_five/night.js -->
      <script src="/scripts/black_five/night.js"></script>
      <!-- endbuild -->
  </body>
  </html>
